import axios from 'axios'
import qs from 'qs'
import { ElMessage } from 'element-plus'
import router from '@/router/index'

//创建axios实例对象
const request = axios.create({
  // 基础URL路径
  baseURL: '/api',
  timeout: 600000,
  paramsSerializer: params => qs.stringify(params, { arrayFormat: 'repeat' })
})

//axios的请求 request 拦截器 - 获取localStorage中的token，在请求头中添加token请求头
request.interceptors.request.use(
  (config) => { //成功回调
    const loginUser = JSON.parse(localStorage.getItem('loginUser'));
    if (loginUser && loginUser.token) {
      config.headers.token = loginUser.token;
    }
    return config;
  },
  (error) => { //失败回调
    return Promise.reject(error)
  }
)

//先将完整的URL地址进行拼接，然后再发送请求
//当服务器返回数据时会先经过响应拦截器
//axios的响应 response 拦截器
request.interceptors.response.use(
  (response) => { //成功回调
    return response.data
  },
  (error) => { //失败回调
    //'1' == 1;;✅ true;	== 会做隐式类型转换，字符串 '1' 被转换成数字 1
    if(error.response.status === 401){//  ===代表匹配类型和值
      ElMessage.error('登录错误，请重新登录');//提示信息
      router.push('/login');                //跳转到登录页面
    }
    else{
      Elemessage.error('接口访问异常');
    }
    return Promise.reject(error);
  }
)

//在别的地方要导入该文件需要导出文件中的request对象
export default request